document.ready(function () {
    /* 获取元素 */
    let toggleLoginA = document.querySelectorAll('.modal .toggle-login a')
    let loginList = document.querySelectorAll('.login-box .loginlist')
    let name=document.querySelector('#name')
    let pwd=document.querySelector('#pwd')
    let delName=document.querySelector('#del-name')
    let delPwd=document.querySelector('#del-pwd')
    let loginBtn=document.querySelector('#login-btn')//登录按钮
    let field=document.querySelectorAll('.field')//两个输入框
    let error=document.querySelectorAll('.error')//错误提示
    let errorName=document.querySelector('#error-name')//账号错误提示
    let errorPwd=document.querySelector('#error-pwd')//密码错误提示

    /*1.(选项卡) 点击登录切换按钮(toggle-login a)显示对应内容(loginlist) */
    tabCard(toggleLoginA, 'active', loginList, 'show')

    /* 2.账号输入框输入(input)时显示图标(delName) */
    name.addEventListener('input',function(){
        if(name.value.length>0){
            delName.style.display="block"
        }else{
            delName.style.display="none"
        }
    })

    /* 3.点击账号删除按钮(delName)删除账号的内容并且隐藏自己 */
    delName.addEventListener('click',function(){
        name.value=''
        this.style.display="none"
        errorName.style.display="none"
    })

    /* 4.密码输入框输入(input)时显示图标(delPwd) */
    pwd.addEventListener('input',function(){
        if(pwd.value.length>0){
            delPwd.style.display="block"
        }else{
            delPwd.style.display="none"
        }
    })
    /* 5.点击密码删除按钮(delPwd)删除密码的内容并且隐藏自己 */
    delPwd.addEventListener('click',function(){
        pwd.value=''
        this.style.display="none"
        errorPwd.style.display="none"
    })

    /* 6.定义正则表达式 */
    let reg = [
        /^[a-zA-Z][a-zA-Z0-9_]{5,11}$/,//账号 6-12位字母开头,后面跟数字字母
        /^[a-zA-Z][a-zA-Z0-9_]{5,11}$/ //密码
      ]


    /* 7.需求: 失去焦点, 验证输入信息的合法性, 如果不合法: 显示错误提示信息, 否则:就隐藏*/
    field.forEach(function (dom, i) {
    dom.addEventListener('blur', function () {
      let bool = reg[i].test(this.value);
      if (bool) {
        //真:隐藏
        error[i].style.display = 'none'
      } else {
        //假: 显示
        error[i].style.display = 'block'
      }
    })
  })

    /* 8. */
    loginBtn.addEventListener('click', function () {
        for(let i=0; i<field.length; i++){
          let bool = reg[i].test(field[i].value);
          //判断
          if (bool) {
            error[i].style.display = 'none'
          } else {
            error[i].style.display = 'block'
            return //结束函数
          }
        }
        //完成并跳转
        location.href = './home.html'
    })








})